<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>3-标准流</title>
		<style type="text/css">
			标准流：
			{
				块元素自上而下，垂直布局
				行类元素/行类块元素：从左至右，水平分布
			}
 			/*.red{
				height:300px;
				background: red;
			}
			.orange{
				height:300px;
				background: orange;
			}
			.blue{
				height:300px;
				background: blue;
			} */
			
			a{
				width: 100px;
				height: 100px;
				display: inline-block;
				border:1px solid red;
			}
		</style>
	</head>
	<body>
		<!-- 块元素排列 自上而下 -->
		<div class="red"></div>
		<div class="orange"></div>
		<div class="blue"></div>
		
		<span>百度1</span>
		<span>百度2</span>
		<span>百度3</span>
		<a href="">新浪1</a>
		<a href="">新浪2</a>
		<a href="">新浪3</a>
	</body>
</html>
